@charset "utf-8";


header, section, footer, aside, article, figure {
	display: block;
}
body {
	margin: 0px;
	padding: 0px;
	background: #7E8293 repeat;
	font: 96%/1.3 Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	color: #333;
}

ul, ol, dl { /* Due to variations between browsers, it's best practices to zero padding and margin on lists. For consistency, you can either specify the amounts you want here, or on the list items (LI, DT, DD) they contain. Remember that what you do here will cascade to the .nav list unless you write a more specific selector. */
	padding: 0;
	margin: 0;
}
h1, h2, h3, h4, h5, h6, p {
	margin-top: 0;	 
	padding-right: 15px;
	padding-left: 15px; 
}
sup {
	font-size: 0.5em;
}

a img { 
	border: none;
}

a:link {
	color: #000000;
	text-decoration: underline;
}
a:visited {
	color: #000000;
	text-decoration: underline;
}
a:hover, a:active, a:focus { 
	text-decoration: none;
}
.red {
	color: #812939;
}
.clearfloat { 
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}





/* CSS Document */

.container {
	width: 640px;
	margin: 10px auto 0px;
}

.content {
	background: #FFF;
	padding: 30px 30px 20px;
	float: left;
	width: 580px;
}
.content hr {
	color: #CCCCCC;
	margin-top: 20px;
	margin-bottom: 20px;
	padding: 0px;
	border-top: 1px dashed #A3A6B1;
	border-right: 1px none #A3A6B1;
	border-bottom: 1px none #A3A6B1;
	border-left: 1px none #A3A6B1;
}

.content h1 {
	color: #2D78CF;
	font-size: 22px;
	line-height: 24px;
}
.content h2 {
	font-size: 18px;
	color: #812939;
	line-height: 22px;
	margin-top: 10px;
	margin-bottom: 10px;
}
.content img  {
	float: right;
	margin-bottom: 10px;
	margin-left: 10px;
}
.content ul, .content ol {
	padding: 0 15px 15px 40px; /* this padding mirrors the right padding in the headings and paragraph rule above. Padding was placed on the bottom for space between other elements on the lists and on the left to create the indention. These may be adjusted as you wish. */
}
.content ul li {
	margin-bottom: 10px;
	list-style: url(../images/bullet-red.gif);
}
.btmPics {

}
.btmPics .pic1  {
	float: left;
	margin-right: 12px;
	text-align: left;
	padding: 0px;
	width: 277px;
	font-size: 94%;
}


.MillPWR {
	color: #006EB7;
	font: 36px Arial, Helvetica, sans-serif;
	margin-top: 10px;
	float: left;
	margin-bottom: 10px;
	margin-left: 0px;
}
.MillPWRsml {
	color: #006EB7;
	font: 20px Arial, Helvetica, sans-serif;
	font-size: 20px;
	/* [disabled]font-weight: bold; */
	float: left;
}
.boxHighlight  {
	background: #E9EAEF;
	border: 1px solid #DBDDE6;
	margin: 10px 20px 20px;
	padding: 0px 0px 12px;
	text-align: left;
}


.boxHighlight2 {
	background: #E9EAEF;
	border: 1px solid #812939;
	margin: 20px;
	text-align: left;
	font-weight: normal;
	padding-bottom: 10px;
	padding-left: 0px;
}
.content .boxHighlight2 h2 {
	background: #812939;
	color: #FFF;
	font-weight: normal;
	padding-top: 10px;
	padding-bottom: 5px;
	margin: 0px 0px 15px;
	font-size: 16px;
	line-height: 19px;
	padding-right: 20px;
}
.boxHighlight2 .imgCenter img {
	/* [disabled]margin: 0px; */
	/* [disabled]padding: 0px; */
	text-align: center;
}
.boxHighlightVideo {
	background: #F0F1F4;
	border: 1px solid #DBDDE6;
	margin: 10px 0px 20px 20px;
	padding: 15px;
	text-align: left;
	width: 500px;
}
.boxHighlightVideo p {
	margin: 0px 0px 10px;
	font-size: 12px;
	line-height: 14px;
	padding: 0px;
}



.content .imgWrapFull   {
	float: left;
	clear: both;
	margin: 10px 0px;
	padding: 0px;
}

.content .imgCenter {
	clear: both;
	padding: 0px;
}
.content .imgCenter img {
	float: left;
}



.boxHighlight h1 {
	margin: 0px 0px 10px;
	padding: 0px 0px 0px 10px;
	color: #2D78CF;
}
.boxHighlight h2 {
	margin: 0px 0px 10px;
	padding: 5px 5px 5px 15px;
	background: #2D78CF;
	color: #FFF;
	font-size: 97%;
	font-weight: bold;
}
.content .boxHighlight2 hr{
	color: #CCCCCC;
	margin-top: 15px;
	margin-bottom: 15px;
	padding: 0px;
	border-top: 1px dashed #A3A6B1;
	border-right: 1px none #A3A6B1;
	border-bottom: 1px none #A3A6B1;
	border-left: 1px none #A3A6B1;
}



aside  {
	float: right;
	margin-left: 25px;
}
aside .border {
	border: 7px solid #DDDFE8;
}
table {
	margin-top: 20px;
	margin-bottom: 20px;
	border: 1px solid #ECEDF2;
}
.dataExample .dataExample table {
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	/* [disabled]text-align: left; */
}
.dataExample table tr td table tr td {
	text-align: left;
	padding: 5px 5px 5px 20px;
	margin: 0px;
}


table tr th {
	background: #812939;
	color: #FFF;
	padding: 5px;
	font-size: 100%;
	font-weight: bold;
	font-style: normal;
}
table tr td {
	padding: 5px;
	text-align: center;
}
table tr .CellBorder {
	border-right: 1px solid #989FB2;
}

table caption {
	padding-bottom: 10px;
	font-weight: bold;
}







/* ~~ The footer ~~ */
footer {
	position: relative;/* this gives IE6 hasLayout to properly clear */
	clear: both; /* this clear property forces the .container to understand where the columns end and contain them */
	font-size: 75%;
	color: #CCC;
	background: #812939;
}
#footerWrap a  {
	color: #CCC;
	text-decoration: none;
}

#footerWrap {
	width: 640px;
	margin-right: auto;
	margin-left: auto;
	border-top: 1px dashed #7E8293;
}

footer p {
	margin: 0px;
	padding: 5px 10px 5px 20px;
}
footer address {
	color: #CCC;
	padding: 5px 10px 5px 20px;
	margin: 0px;
}

/* ~~ Miscellaneous float/clear classes ~~ */
.fltrt {  
	float: right;
	margin-left: 8px;
}
.fltlft { 
	float: left;
	margin-right: 8px;
}
.content .setupButton {
	color: #1F1F1F;
	background: #A99975;
	width: 70px;
	padding: 5px 7px;
	font: bold 14px/11px Tahoma, Geneva, sans-serif;
	border: 1px solid #907C59;
}
.content .moreButton {
	color: #1F1F1F;
	background: #A0A0A0;
	width: 70px;
	padding: 5px 7px;
	font: bold 14px/11px Tahoma, Geneva, sans-serif;
	margin-right: 6px;
	border: 1px solid #7E8293;
}